<template>
	<view class="container">
		<view class="tui-page__hd">
			<view class="tui-page__title">Preview</view>
			<view class="tui-page__desc">表单预览，常用布局</view>
		</view>
		<view class="tui-page__bd">
			<tui-list-view backgroundColor="#fff">
				<view class="thorui-preview__hd">
					<view class="thorui-preview__item">
						<view class="thorui-preview__label">付款金额</view>
						<view class="thorui-preview__value_hd">¥2400.00</view>
					</view>
				</view>
				<view class="thorui-preview__bd">
					<view class="thorui-preview__item">
						<view class="thorui-preview__label">商品</view>
						<view class="thorui-preview__value">iphone12 pro</view>
					</view>
					<view class="thorui-preview__item">
						<view class="thorui-preview__label">标题标题</view>
						<view class="thorui-preview__value">名字名字名字</view>
					</view>
					<view class="thorui-preview__item">
						<view class="thorui-preview__label">标题标题</view>
						<view class="thorui-preview__value">备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息</view>
					</view>
				</view>
				<view class="thorui-preview__ft">
					<view class="thorui-preview__btn" hover-class="thorui-cell_active" :hover-stay-time="150">操作</view>
				</view>
			</tui-list-view>
			
			<tui-list-view backgroundColor="#fff" marginTop="60rpx">
				<view class="thorui-preview__hd">
					<view class="thorui-preview__item">
						<view class="thorui-preview__label">付款金额</view>
						<view class="thorui-preview__value_hd">¥2400.00</view>
					</view>
				</view>
				<view class="thorui-preview__bd">
					<view class="thorui-preview__item">
						<view class="thorui-preview__label">商品</view>
						<view class="thorui-preview__value">iphone12 pro</view>
					</view>
					<view class="thorui-preview__item">
						<view class="thorui-preview__label">标题标题</view>
						<view class="thorui-preview__value">名字名字名字</view>
					</view>
					<view class="thorui-preview__item">
						<view class="thorui-preview__label">标题标题</view>
						<view class="thorui-preview__value">备注信息备注信息备注信息备注信息备注信息备注信息备注信息备注信息</view>
					</view>
				</view>
				<view class="thorui-preview__ft">
					<view class="thorui-preview__btn_default" hover-class="thorui-cell_active" :hover-stay-time="150">辅助操作</view>
					<view class="thorui-preview__btn" hover-class="thorui-cell_active" :hover-stay-time="150">操作</view>
				</view>
			</tui-list-view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {}
	};
</script>

<style>

</style>
